// pages/home/cultural/detail/detail.js
import Toast from '@vant/weapp/toast/toast';
import {
  getCurrentMsgDetail,
  getMsgReviewByMsgId
} from '../../../../utils/festival_request'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    reviewInput: "",
    detailData: {}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    var that = this
    // 获取可用区域宽高
    wx.getSystemInfo({
      success(res) {
        that.setData({
          windowHeight: res.windowHeight
        })
      }
    })

    //动态样式
    // if (this.detailData.msgImg != null) {
    //   if (this.detailData.msgImg.length > 1) {
    //     this.setData({
    //       style1: "image-box",
    //       style3: "container-image"
    //     })
    //   } else {
    //     this.setData({
    //       style2: "image-box-onlyone",
    //       style4: "container-image-onlyone"
    //     })
    //   }
    // }
    // this.setData({
    //   detailData: detailData
    // })
  },
  onChoose(event) {
    // console.log(event.currentTarget.dataset.getimage)
    var imgurl = event.currentTarget.dataset.getimage
    wx.previewImage({
      urls: [imgurl],
      showmenu: true
    })
  },
  // 评论输入框
  OnInput(e) {
    console.log(e)
    this.setData({
      reviewInput: e.detail.value
    })
  },
  OnConfirm(e) {
    var that = this
    console.log("已提交，拿到数据：", e.currentTarget.dataset.msgid)
    console.log("评论信息:", this.data.reviewInput)
    console.log("拿到Token:", wx.getStorageSync('token'))
    var token = wx.getStorageSync('token')
    if (wx.getStorageSync('isLogin') != true) {
      Toast.fail('请先登录！');
      // 重置输入框
      this.setData({
        reviewInput: ""
      })
      return;
    }
    //提交评论到后台保存
    wx.request({
      url: 'http://localhost:8089/msgReview/saveReview',
      method: "POST",
      data: {
        msgId: e.currentTarget.dataset.msgid,
        msgData: this.data.reviewInput,
        token: token
      },
      success(res) {
        that.getMsgReview()
      }
    })
    // 重置输入框
    this.setData({
      reviewInput: ""
    })
  },

  getMsgReview() {
    var _this = this

    // var that = this
    // wx.request({
    //   // 本地IP
    //   url: 'http://localhost:8089/msg/queryAll',
    //   method: "GET",
    //   success(res) {
    //     console.log("节庆推文数据:", res.data.data[0].msgReviewData)
    //     // that.setData({
    //     //   message: res.data.data
    //     // })
    //   },
    //   fail(err) {
    //     console.log("失败")
    //   }
    // })
  },
  //监听页面每次刷新时
  onShow() {
    var _this = this
    getCurrentMsgDetail().then(res => {
      this.setData({
        detailData: res.data.data
      })
      // console.log("子页面数据:-->>", res.data.data)
      //调用查询文章评论方法
      var userToken = wx.getStorageSync('token');
      getMsgReviewByMsgId(res.data.data.msgId,userToken).then(_res => {

        var stringReviewData = JSON.stringify(_res) //当前为String类型
        if (stringReviewData == undefined || stringReviewData == null) {
          Toast.fail('请先登录！');
          return;
        }
        var arrReviewData = JSON.parse(stringReviewData) //将JSON数据解析为js数组对象
        _this.setData({
          reviewData: arrReviewData
        })
        console.log("reviewData--->>>", arrReviewData)
      })

    }).catch(err => {
      console.log("出错了", err)
    })
  },

  onHide() {
    console.log("页面已卸载")
  }
})